#include("/template/common/layout/_page_layout.html")
#@layout()

#define css()
<!--Bootstrap Table [ OPTIONAL ]-->
<link href="#(RESOURCE_HOST)/static/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">

<!--Select2 [ OPTIONAL ]-->
<link href="#(RESOURCE_HOST)/static/plugins/select2/css/select2.min.css" rel="stylesheet">

<!--Switchery [ OPTIONAL ]-->
<!--<link href="#(RESOURCE_HOST)/static/plugins/switchery/switchery.min.css" rel="stylesheet">-->

<!--X-editable [ OPTIONAL ]-->
<link href="#(RESOURCE_HOST)/static/plugins/x-editable/css/bootstrap-editable.css" rel="stylesheet">
#end

#define js()
<script src="#(RESOURCE_HOST)/static/js/demo/bstableFormatter.js"></script>

<script src="#(RESOURCE_HOST)/static/js/sysuser/sys_user_table.js"></script>

<script src="#(RESOURCE_HOST)/static/js/demo/Auth-Utils.js"></script>

<script src="#(RESOURCE_HOST)/static/js/demo/roleSelect-Utils.js"></script>

<!--X-editable [ OPTIONAL ]-->
<script src="#(RESOURCE_HOST)/static/plugins/x-editable/js/bootstrap-editable.min.js"></script>

<!--Bootstrap Table [ OPTIONAL ]-->
<script src="#(RESOURCE_HOST)/static/plugins/bootstrap-table/bootstrap-table.min.js"></script>

<!--Bootstrap Table Extension [ OPTIONAL ]-->
<script src="#(RESOURCE_HOST)/static/plugins/bootstrap-table/extensions/editable/bootstrap-table-editable.js"></script>


#end

#define content()
<!--<div id="container" >-->
<!--<div class="boxed">-->
<!--CONTENT CONTAINER-->
<!--===================================================-->
<!--<div id="content-container">-->

<div id="page-content">

    <!--Editable - combination with X-editable-->
    <!--===================================================-->
    <div class="panel">
        <div class="panel-heading">
            <h3 class="panel-title">用户列表</h3>
        </div>
        <div class="panel-body">
            <button id="demo-add-row" class="btn btn-primary btn-labeled icon-lg fa fa fa-plus">增加</button> &nbsp;&nbsp;
            <button id="demo-delete-row" disabled class="btn btn-danger btn-labeled icon-lg fa fa-times">删除</button>
            <table id="demo-editable"
                   data-search="true"
                   data-show-refresh="true"
                   data-toolbar="#demo-delete-row,#demo-add-row"
                   data-show-toggle="true"
                   data-show-columns="true"
                   data-page-list="[15, 20, 30]"
                   data-page-size="15"
                   data-pagination="true" data-show-pagination-switch="true">
            </table>
        </div>
    </div>
</div>
<!--===================================================-->
<!--End page content-->
<!--</div>-->

<!--</div>-->

<button class="scroll-top btn">
    <i class="pci-chevron chevron-up"></i>
</button>


<!--Default Bootstrap Modal-->
<!--===================================================-->
<div class="modal fade" id="demo-default-modal" role="dialog" tabindex="-1" aria-labelledby="demo-default-modal"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">

            <!--Modal header-->
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><i class="pci-cross pci-circle"></i>
                </button>
                <h4 class="modal-title">指定角色</h4>
            </div>

            <!--Modal body-->
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12">

                            <table id="role-select"
                                   data-search="true"
                                   data-show-refresh="true"
                                   data-show-toggle="true"
                                   data-show-columns="true"
                                   data-page-list="[5, 10, 30]"
                                   data-page-size="5"
                                   data-pagination="true" data-show-pagination-switch="true">
                            </table>

                    </div>
                </div>
            </div>

            <!--Modal footer-->
            <div class="modal-footer">
                <button id='save' class="btn btn-primary">确定</button>
            </div>
        </div>
    </div>
</div>
<!--===================================================-->
<!--End Default Bootstrap Modal-->
<!--</div>-->

#end